<template>
	<view>
		<detail-top :hospital='work_data.hospital' :createtime="work_data.createtime" :mobile='work_data.mobile'>
		</detail-top>
		<view class="order-de-mo" v-if="isShow">
			<!-- <view :class="['order-de-mo',isShow?'ani-enter':'ani-leave']" v-if="isShow"> -->
			<view class="order-de-mo-s"></view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					工单号
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.workID}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					报修时间
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.createtime||'-'}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					预约时间
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.yuyue_time||'-'}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					序列号
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.equipment.serial||'-'}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					品牌
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.equipment.leibie.name||'暂无信息'}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					类别
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.equipment.pinpai.name||'暂无信息'}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					型号
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.equipment.xinghao.name||'暂无信息'}}
				</view>
			</view>
			<!-- <view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					系统编号
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.system_number||'暂无信息'}}
				</view>
			</view> -->
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					所属附件
				</view>
				<view class="order-de-c-c-f-r" @tap="toFile(work_data.equipment_id,work_data.is_attachment)">
					{{work_data.is_attachment?'查看详情':'无附件'}}
				</view>
			</view>
			<view class="order-de-c-c-f">
				<view class="order-de-c-c-f-l">
					软件版本
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.equipment.software_version||'暂无信息'}}
				</view>
			</view>
			<view class="order-de-c-c-f flex-colu">
				<view class="order-de-c-c-f-l" style="margin-bottom: 28rpx;">
					问题描述
				</view>
				<view class="order-de-c-c-f-r">
					{{work_data.describe}}
				</view>
				<view class="" style="margin: 28rpx 0;">
					<view class="file-images" v-for="(item, index) in work_data.images" :key='index'>
						<view v-if="item.lastIndexOf('.mp4') != -1" class="video_box" @click="tapVideo(item)">
							视频
						</view>
						<image v-else :src="item" @click="tapPre(item)" mode="aspectFill" />
					</view>
				</view>
			</view>
		</view>

		<view class="detailNav">
			<view :class="['detailNav-item',navId==item.id?'active':'']" @tap="choiceNav(item.id,item.url)"
				v-for="(item,index) in detailNav" :key='index'>
				{{item.title}}
			</view>
		</view>

		<!-- 通知报价按钮 -->
		<view class="baojia" v-if="work_data.show_quote== 1&&work_data.type_data!=1"
			:style="work_data.show_quote != 1 ? 'background-color: #e7e7e7; color: black;' : '' " @tap="baojiaBtn">通知报价
		</view>


		<!-- 申请结单按钮 -->
		<view class="jiedan"
			:style="work_data.create_final_time&&work_data.create_final_time!='' && work_data.type_data==0||work_data.type_data==1 ? '' : 'background-color: #e7e7e7; color: black;'"
			@tap="isBJBtn ? jumpJiedan(btnActive) : ''">
			<block v-if="work_data.type_data==1">
				<!-- 维保工单 type_data == 1-->
				{{work_data.status==0?'提交服务报告':(work_data.status==3?'已提交服务报告':(work_data.status==2)?'已发起申请':'提交服务报告')}}
			</block>
			<block v-else>
				<!-- 报修工单 -->
				{{work_data.status==0||work_data.status==1?'提交服务报告':'再次提交服务报告'}}
			</block>
		</view>
		<!-- 申请结单按钮 -->
		<view class="jiedan2" v-if="identity == 4 ||identity == 6" @tap="toPrice(work_data.id,1,work_data.type_data)">
			报价
		</view>
		<!-- 申请结单按钮 -->
		<view class="jiedan3" v-if="identity == 4||identity == 6" @tap="toPrice(work_data.id,2,work_data.type_data)">
			成交价
		</view>
		<!-- 查看结单信息 -->
		<view class="finash"
			:style="Number(work_data.final_price) > 0 ? '' : 'background-color: #e7e7e7; color: black;'"
			@tap="isBJBtn ? jiedanInfo() : ''">
			查看已结单信息
		</view>
		<u-popup :show="typeDialog" mode="center" @open="open" :round="10" :closeable="true">
			<view class="dialog add-device-dialog">
				<view class="adddialog-item">
					<view class="adddialog-title">请选择报告类型</view>
				</view>
				<view class="dialog-item">
					<view class="dialog-btns" :class="btnActive===item.id?'active2' : ''" @click="typeSite(item.id)"
						v-for="item in btns" :key="item.id">
						{{item.text}}
					</view>
				</view>
				<view class="dialog-item" style="display: flex;align-items: center;justify-content: space-between;">
					<view class="dialog-btns"
						style="height: 72rpx;line-height: 72rpx;margin-top: 20rpx;margin-left: 20rpx;"
						@tap="typeDialog=false">取消</view>
					<view class="dialog-btns active2" style="height: 72rpx;line-height: 72rpx;margin-top: 20rpx; "
						@click="getBtnActive">确定</view>
				</view>
			</view>
		</u-popup>

		<!-- 底部内容 -->
		<view class="all-box">
			<view class="survey" v-if="surveyList.length>0">
				<view class="title-n" v-if="navId==2">
					<view class="dis">
						<view class="">
							合计（{{costInfo.total_num||0}}）：¥{{costInfo.total_money||0}}
						</view>
						<view class="">
							待审核（{{costInfo.wait_num||0}}）：¥{{costInfo.wait_money||0}}
						</view>
					</view>
					<view class="dis">
						<view class="">
							通过（{{costInfo.yes_num||0}}）：¥{{costInfo.yes_money||0}}
						</view>
						<view class="">
							拒绝（{{costInfo.no_num||0}}）：¥{{costInfo.no_money||0}}
						</view>
					</view>
				</view>
				<view class="survey-box" v-for="(item,index) in surveyList" :key='index'>
					<view class="create-time">
						<image src="../../static/detail/engineer-icon.png" mode=""></image>
						<text
							v-if="item.is_admin&&item.is_admin == 1">[管理员]{{item.admin.nickname||''}}{{item.createtime||''}}创建</text>
						<text
							v-if="item.user&&item.user.identity==6">[主管]{{item.user.nickname||' '}}{{item.createtime||''}}创建</text>
						<text
							v-if="item.user&&item.user.identity==2">[销售]{{item.user.nickname||' '}}{{item.createtime||''}}创建</text>
						<text
							v-if="item.user&&item.user.identity==5">[库管]{{item.user.nickname||' '}}{{item.createtime||''}}创建</text>
						<text
							v-if="item.user&&item.user.identity==3">[前台]{{item.user.nickname||' '}}{{item.createtime||''}}创建</text>
						<text
							v-if="item.user&&item.user.identity==4">[财务]{{item.user.nickname||' '}}{{item.createtime||''}}创建</text>
						<text
							v-if="item.user&&item.user.identity==1">[工程师]{{item.user.nickname||' '}}{{item.createtime||''}}创建</text>
					</view>

					<view class="survey-content">
						<!-- 勘察 维修  保养-->
						<block v-if="navId==1||navId==5||navId==6">
							<view :class="['survey-desp',item.height_more?'tetx_more':'']">
								<image v-if="item.is_sx==1" :src="baseUrl+'assets/static/fail.png'" class="shenhe2"
									mode="">
								</image>
								{{item.result||item.repair||item.maintain}}
								<text class="detail_text" @tap.stop="textMore(index)">
									{{item.height_more?'详情':'收缩'}}
								</text>
								<text class="detail_text2" v-if="item.is_sx!=1"
									@tap.stop="btnJump(index,'edit',item.user_id)">
									修改
								</text>
							</view>
							<block v-if="navId == 5 && !item.height_more">
								<view class="cost" v-if="item.bad_bjh">
									<view class="cost-item">
										坏件备件号：<text class="cost-item-border">{{item.bad_bjh}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.bad_xlh">
									<view class="cost-item">
										坏件序列号：<text class="cost-item-border">{{item.bad_xlh}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.change_bjh">
									<view class="cost-item">
										更换件备件号：<text class="cost-item-border">{{item.change_bjh}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.change_xlh">
									<view class="cost-item">
										更换件序列号：<text class="cost-item-border">{{item.change_xlh}}</text>
									</view>
								</view>
							</block>
							<block v-if="navId == 1 && !item.height_more">
								<view class="cost" v-if="item.ballTubeModel">
									<view class="cost-item">
										球管型号：<text class="cost-item-border">{{item.ballTubeModel}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.patientAvrageDaySum">
									<view class="cost-item">
										平均每日病人量：<text class="cost-item-border">{{item.patientAvrageDaySum}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.ballTubeExposeTimes">
									<view class="cost-item">
										球管曝光秒次：<text class="cost-item-border">{{item.ballTubeExposeTimes}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.ballTubeInstallTime">
									<view class="cost-item">
										球管安装时间：<text class="cost-item-border">{{item.ballTubeInstallTime}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.isOriginalFactory == 1">
									<view class="cost-item">
										若非原厂球管：<text
											class="cost-item-border">{{item.isOriginalFactory == 1 ? '是' : '否'}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.isOriginalFactory == 0&&item.factoryModel">
									<view class="cost-item">
										厂家型号：<text class="cost-item-border">{{item.factoryModel}}</text>
									</view>
								</view>
							</block>
							<view class="survey-video"
								style="display: flex;justify-content:flex-start;flex-wrap: wrap;align-items: center;">
								<video v-if="item.multiMedia.video" :src="item.multiMedia.video"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;"></video>
								<image :src="item1" mode="" v-for="(item1,index1) in item.multiMedia.imgs" :key='index1'
									@tap="previewImageAll(index1,index)"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;">
								</image>
							</view>
						</block>
						<!-- 成本 -->
						<block v-else-if="navId==2">
							<view class="cost">
								<image v-if="item.status==1" :src="baseUrl+'assets/static/shenhe.png'" class="shenhe"
									mode="">
								</image>
								<view class="cost-item">
									类目：<text class="cost-item-border">{{item.cost_category_id}}</text>
								</view>
								<view class="cost-item">
									有无发票：<text class="cost-item-border">{{item.billing_data==0?'有':'无'}}</text>
								</view>
								<view class="cost-item">
									报销金额：<text class="cost-item-border">{{item.money}}元</text>
								</view>
							</view>
							<view class="explain">
								<view class="explain-title">
									成本说明
								</view>
								<view class="explain-content">
									{{item.explain}}
								</view>
								<image :src="item1" mode="" v-for="(item1,index1) in item.multiMedia.imgs" :key='index1'
									@tap="previewImageAll(index1,index)"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;">
								</image>
							</view>
						</block>
						<!-- 报价 -->
						<block class="offer" v-else-if="navId==3">
							<view class="order-sc-b-c-p-c">
								<block v-for="item2 in item.substance" :key="item.id">

									<view class="order-pri-a">
										名称：<text class="order-pri-b">{{item2.name}}</text>
									</view>
									<view class="order-pri">
										<view class="order-pri-a">
											报价：<text class="order-pri-b">{{item2.money}}元</text>
										</view>
										<view class="order-pri-a">
											数量：<text class="order-pri-b">{{item2.number}}件</text>
										</view>
									</view>
								</block>
								<!-- <view class="order-pri-a">
									名称：<text class="order-pri-b">成本溢价</text>
								</view>
								<view class="order-pri">
									<view class="order-pri-a">
										报价：<text class="order-pri-b">1399.00元</text>
									</view>
									<view class="order-pri-a">
										数量：<text class="order-pri-b">1件</text>
									</view>
								</view> -->
							</view>
							<view class="order-sc-b-c-p-a">
								<image src="../../static/detail/price.png" mode=""></image>
								<text>价格金额为：{{item.money}}元</text>
							</view>
						</block>
						<!-- 方案 -->
						<block v-else-if="navId==4">
							<view style="padding-right: 70rpx;"
								:class="['survey-desp',item.height_more?'tetx_more':'']">
								<image v-if="item.is_sx==1" :src="baseUrl+'assets/static/fail.png'" class="shenhe2"
									mode="">
								</image>
								{{item.project}}
								<text class="detail_text" @tap.stop="textMore(index)">
									{{item.height_more?'详情':'收缩'}}
								</text>
								<text class="detail_text2" v-if="item.is_sx!=1" @tap.stop="btnJump(index,'edit')">
									修改
								</text>
							</view>
							<view class="survey-video"
								style="display: flex;justify-content:flex-start;flex-wrap: wrap;align-items: center;">
								<video v-if="item.multiMedia.video" :src="item.multiMedia.video"
									style="width: 120rp	x;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;"></video>
								<image :src="item1" mode="" v-for="(item1,index1) in item.multiMedia.imgs" :key='index1'
									@tap="previewImageAll(index1,index)"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;">
								</image>
							</view>
						</block>
					</view>

					<view class="survey-content k2" v-if="item.children">
						<!-- 勘察 维修   保养-->
						<block v-if="navId==1||navId==5">
							<!-- <view :class="['survey-desp',item.children.height_more?'tetx_more':'']">
								{{item.children.result||item.children.repair||item.children.maintain}}
								<text class="detail_text" @tap.stop="textMore(index)">
									{{item.children.height_more?'详情':'收缩'}}
								</text>
								<text class="detail_text2" @tap.stop="btnJump(index,'edit')">
									修改
								</text>
							</view> -->
							<view class="cost">
								<view class="cost-item">
									修改人：<text class="cost-item-border">{{item.children.user.nickname||'-'}}</text>
								</view>
							</view>
							<view class="cost" v-if="item.children.result||item.children.repair">
								<view class="cost-item">内容：<span
										style="color: #000;">{{item.children.result||item.children.repair}}</span>
								</view>
							</view>
							<block v-if="navId == 5">
								<view class="cost" v-if="item.children.bad_bjh">
									<view class="cost-item">
										坏件备件号：<text class="cost-item-border">{{item.children.bad_bjh}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.bad_xlh">
									<view class="cost-item">
										坏件序列号：<text class="cost-item-border">{{item.children.bad_xlh}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.change_bjh">
									<view class="cost-item">
										更换件备件号：<text class="cost-item-border">{{item.children.change_bjh}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.change_xlh">
									<view class="cost-item">
										更换件序列号：<text class="cost-item-border">{{item.children.change_xlh}}</text>
									</view>
								</view>

							</block>
							<block v-if="navId == 1">
								<view class="cost" v-if="item.children.ballTubeModel">

									<view class="cost-item">
										球管型号：<text class="cost-item-border">{{item.children.ballTubeModel}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.patientAvrageDaySum">
									<view class="cost-item">
										平均每日病人量：<text
											class="cost-item-border">{{item.children.patientAvrageDaySum}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.ballTubeExposeTimes">
									<view class="cost-item">
										球管曝光秒次：<text
											class="cost-item-border">{{item.children.ballTubeExposeTimes}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.ballTubeInstallTime">
									<view class="cost-item">
										球管安装时间：<text
											class="cost-item-border">{{item.children.ballTubeInstallTime}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.isOriginalFactory == 1">
									<view class="cost-item">
										若非原厂球管：<text
											class="cost-item-border">{{item.children.isOriginalFactory == 1 ? '是' : '否'}}</text>
									</view>
								</view>
								<view class="cost" v-if="item.children.isOriginalFactory == 0">
									<view class="cost-item">
										厂家型号：<text class="cost-item-border">{{item.children.factoryModel}}</text>
									</view>
								</view>
							</block>
							<view class="survey-video"
								style="display: flex;justify-content:flex-start;flex-wrap: wrap;align-items: center;">
								<video v-if="item.children.multiMedia.video" :src="item.children.multiMedia.video"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;"></video>
								<image :src="item1" mode="" v-for="(item1,index1) in item.children.multiMedia.imgs"
									:key='index1' @tap="previewImageAll(index1,index)"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;">
								</image>
							</view>
						</block>
						<!-- 成本 -->
						<block v-else-if="navId==2">
							<view class="cost">
								<image v-if="item.children.status==1" :src="baseUrl+'assets/static/shenhe.png'"
									class="shenhe" mode="">
								</image>
								<view class="cost-item">
									类目：<text class="cost-item-border">{{item.children.cost_category_id}}</text>
								</view>
								<view class="cost-item">
									有无发票：<text class="cost-item-border">{{item.children.billing_data==0?'有':'无'}}</text>
								</view>
								<view class="cost-item">
									报销金额：<text class="cost-item-border">{{item.children.money}}元</text>
								</view>
							</view>
							<view class="explain">
								<view class="explain-title">
									成本说明
								</view>
								<view class="explain-content">
									{{item.children.explain}}
								</view>
								<image :src="item1" mode="" v-for="(item1,index1) in item.children.multiMedia.imgs"
									:key='index1' @tap="previewImageAll(index1,index)"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;">
								</image>
							</view>
						</block>
						<!-- 报价 -->
						<block class="offer" v-else-if="navId==3">
							<view class="order-sc-b-c-p-c">
								<block v-for="item2 in item.children.substance" :key="item.id">

									<view class="order-pri-a">
										名称：<text class="order-pri-b">{{item2.name}}</text>
									</view>
									<view class="order-pri">
										<view class="order-pri-a">
											报价：<text class="order-pri-b">{{item2.money}}元</text>
										</view>
										<view class="order-pri-a">
											数量：<text class="order-pri-b">{{item2.number}}件</text>
										</view>
									</view>
								</block>
								<!-- <view class="order-pri-a">
									名称：<text class="order-pri-b">成本溢价</text>
								</view>
								<view class="order-pri">
									<view class="order-pri-a">
										报价：<text class="order-pri-b">1399.00元</text>
									</view>
									<view class="order-pri-a">
										数量：<text class="order-pri-b">1件</text>
									</view>
								</view> -->
							</view>
							<view class="order-sc-b-c-p-a">
								<image src="../../static/detail/price.png" mode=""></image>
								<text>价格金额为：{{item.children.money}}元</text>
							</view>
						</block>
						<!-- 方案 -->
						<block v-else-if="navId==4||navId == 6||navId == 5">
							<view style="padding-right: 70rpx;"
								:class="['survey-desp',item.children.height_more?'tetx_more':'']">
								{{item.children.project||item.children.repair||item.children.maintain}}
							</view>
							<view class="survey-video"
								style="display: flex;justify-content:flex-start;flex-wrap: wrap;align-items: center;">
								<video v-if="item.children.multiMedia.video" :src="item.children.multiMedia.video"
									controls autoplay="true"
									style="width: 120rp	x;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;"></video>
								<image :src="item1" mode="" v-for="(item1,index1) in item.children.multiMedia.imgs"
									:key='index1' @tap="previewImageAll(index1,index)"
									style="width: 120rpx;height: 120rpx;border-radius: 4rpx;margin-right: 36rpx;margin-top: 24rpx;">
								</image>
							</view>
						</block>
					</view>
				</view>
			</view>

			<view v-else
				style="margin: auto;display: flex;flex-direction: column;align-items: center;margin-top: 100rpx;font-size: 24rpx;color: #B6BDBD;">
				<image src="../../static/empty.png" mode="" style="width: 150rpx;height: 200rpx;margin-bottom: 20rpx;">
				</image>
				<text>什么也没有哦...</text>
			</view>
		</view>
		<button-btm>
			{{btmTitle}}
		</button-btm>

		<!-- 备案码 -->
		<!-- <modal class="k" v-if="areaShow" title="备案码" confirm-text="保存" cancel-text="取消" @cancel="cancelAdd"
			@confirm="confirmAdd">
			<input type="text" v-model="query_code" placeholder="请输入备案码" class="intxt" maxlength="5" />
		</modal> -->
		<modal v-if="videoShow" title="视频预览" @cancel="videoShow = false" @confirm="videoShow = false">
			<video :src="videoUrl" autoplay style="width: 100%; height: 300rpx;" />
		</modal>
	</view>
</template>
<script>
	import baseUrl from '@/request/baseUrl.js'
	import detailTop from '@/components/detailTop/detailTop.vue'
	import buttonBtm from '@/components/button-btm.vue'
	export default {
		components: {
			detailTop,
			buttonBtm
		},

		data() {
			return {
				baseUrl: baseUrl,
				costTypeList: [], //成本类目
				height_more: false, //文本详情展开
				viede_list: '', //视频
				imgs_list: [], //图片
				id: null, //工单id
				isShow: false, //详情 的展开
				btmTitle: '添加勘察记录', //底部按钮名称
				work_data: {}, //订单详情数据
				navId: 1, //tabbar id
				detailNav: [],
				surveyList: [], //底部列表
				costInfo: {},
				page: 1, //分页
				last_page: 1,
				isBtn: true,
				isBJBtn: false,
				// areaShow: false,
				// query_code: '',
				isClick: false,
				nowDay: '',
				flag: true,
				identity: null,
				is_core_user: null,
				user_id: null,
				typeDialog: false,
				btns: [{
						id: 1,
						text: '维修服务报告'
					},
					{
						id: 2,
						text: '保养服务报告'
					},
					{
						id: 3,
						text: '返修服务报告'
					}
				],
				btnActive: null,
				videoShow: false, // 视频弹窗
				videoUrl: "", // 视频地址
			}
		},

		watch: {
			isClick(val) {
				console.log(val, 'valvalval')
				if (val) {
					this.getList('/warranty/projectList');
				}
			},
		},

		onLoad(e) {
			this.id = e.id //工单id
			this.getCostType()
			// uni.removeStorageSync('query_code')
			/* 默认 底部列表数据请求 */
			/* 	this.getDufalt() */
		},
		onShow() {
			this.getNum()
			/* 获取工单详情 */
			this.getWordDetail()
			this.detailNav = this.getNavList();
			/* 返回页面 刷新   底部列表数据请求 */
			let onShowGetLisst = this.detailNav.find(item => {
				return item.id == this.navId
			})
			this.page = 1,
				this.surveyList = [],
				this.imgs_list = [],
				this.viede_list = ''
			this.getList(onShowGetLisst.url)
		},
		methods: {
			typeSite(id) {
				this.btnActive = id
			},
			open() {
				// console.log('open');
			},
			close() {
				this.show = false
				// console.log('close');
			},
			//获取当前日期函数
			getNowFormatDate() {
				let date = new Date(),
					year = date.getFullYear(), //获取完整的年份(4位)
					month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
					strDate = date.getDate() // 获取当前日(1-31)
				if (month < 10) month = `0${month}` // 如果月份是个位数，在前面补0
				if (strDate < 10) strDate = `0${strDate}` // 如果日是个位数，在前面补0
				this.nowDay = `${year}-${month}-${strDate}`
				this.getOffsetDays(this.work_data.zb_gq_time, this.nowDay)
				// return `${year}-${month}-${strDate}`
			},
			getOffsetDays(startDate, endDate) {
				var startDateArr = startDate.split("-");
				var checkStartDate = new Date();
				checkStartDate.setFullYear(startDateArr[0], startDateArr[1], startDateArr[2]);
				var endDateArr = endDate.split("-");
				var checkEndDate = new Date();
				checkEndDate.setFullYear(endDateArr[0], endDateArr[1], endDateArr[2]);
				var days = (checkEndDate.getTime() - checkStartDate.getTime()) / 3600000 / 24;

				if (days > 0) {
					this.flag = false
				}
				// if(startDateArr[0]!=endDateArr[0]){
				//   flag = true;
				// }
				return days;
			},

			// confirmAdd() {
			// 	this.isClick = true
			// 	if (this.query_code != '') {
			// 		this.areaShow = false
			// 		this.getList('/warranty/projectList')
			// 	} else {
			// 		uni.showToast({
			// 			title: '请填写备案码',
			// 			icon: 'none'
			// 		})
			// 	}
			// },
			// 获取菜单列表
			getNavList() {
				const userInfo = uni.getStorageSync('userInfo')
				let list = [];
				list.push({
					id: 1,
					title: '勘察',
					url: '/warranty/surveyList'
				});
				list.push({
					id: 2,
					title: '成本',
					url: '/warranty/costList'
				});
				// list.push({
				// 	id: 3,
				// 	title: '报价',
				// 	url: '/warranty/offerList'
				// });
				this.identity = userInfo.identity
				this.is_core_user = userInfo.is_core_user
				this.user_id = userInfo.user_id
				if ((this.identity == 1 && this.is_core_user == 1) || this.identity == 6) {
					list.push({
						id: 4,
						title: '内部方案',
						url: '/warranty/projectList'
					});
				}
				list.push({
					id: 5,
					title: '维修记录',
					url: '/warranty/repairList'
				});
				list.push({
					id: 6,
					title: '保养',
					url: '/warranty/maintainList'
				});
				return list;
			},
			toPrice(i, type, type_data) {
				if (!type) return
				wx.navigateTo({
					url: `../detail/priceList?id=${i}&type=${type}&type_data=${type_data}`
				})
			},
			toFile(i, type) {
				if (!type) return
				wx.navigateTo({
					url: '../detail/fileList?id=' + i
				})
			},
			tapPre(i) {
				// console.log(i,'iiiiiiiiiiiiiii---------')
				uni.previewImage({
					count: i,
					urls: this.work_data.images.filter(i => i.lastIndexOf('.mp4') === -1)
				})
			},
			tapVideo(i) {
				this.videoUrl = i;
				this.videoShow = true;
			},
			// cancelAdd() {
			// 	this.areaShow = false
			// },

			/*  点击tabbar  */
			choiceNav(id, url) {
				if (id == 2) {
					this.getNum()
				}
				// this.query_code = this.query_code ? this.query_code : uni.getStorageSync('query_code')
				this.navId = id;
				this.page = 1;
				this.surveyList = [];
				this.viede_list = '';
				this.imgs_list = [];

				// if (id == 4 && uni.getStorageSync('query_code') == '' && url == '/warranty/projectList') {
				// 	this.query_code = ''
				// 	this.areaShow = true
				// } else {
				this.getList(url); //底部数据请求
				// }

				switch (this.navId) {
					case 1:
						this.btmTitle = '添加勘察记录';
						break;
					case 2:
						this.btmTitle = '成本申报';
						break;
					case 3:
						this.btmTitle = '添加报价';
						break;
					case 4:
						this.btmTitle = '添加新方案';
						break;
					case 5:
						this.btmTitle = '添加维修方案';
						break;
					case 6:
						this.btmTitle = '添加保养方案';
						break;
				};

			},
			/* 获取工单详情  上面部分 */
			getWordDetail() {
				this.$https.post('/warranty/details', {
					warranty_id: this.id /* 工单id*/
				}).then(res => {
					this.work_data = res.data
					if (this.work_data.create_final_time && this.work_data.create_final_time || this.work_data
						.type_data == 1) {
						this.isBJBtn = true
					}
					this.getNowFormatDate()

					// console.log(this.isBJBtn, '-------this.isBJBtn', )
					// if (this.work_data.images) { //存在照片或视频
					// 	let images = this.work_data.images.split(',') //字符串转数组  获取照片和视频
					// 	this.work_data.imgs = []
					// 	images.forEach(item3 => {
					// 		this.work_data.imgs.push(item3)
					// 	})
					// }
				})
			},
			/* 顶部展开详情 */
			getMore() {
				this.isShow = !this.isShow
			},
			/* 底部文本详情展开 */
			textMore(index) {
				this.surveyList = Array.from(this.surveyList)
				this.surveyList[index].height_more = !this.surveyList[index].height_more
			},
			/* 首次进入页面 默认勘察列表数据获取 */
			getDufalt() {
				console.log('111')
				/* 默认 底部列表数据请求 */
				this.$https.post('/warranty/surveyList', {
					warranty_id: this.id,
					/*, 工单id*/
					page: this.page //分页
				}).then(res => {
					if (res.data.last_page > 0) {
						this.last_page = res.data.last_page
						if (res.data.data.length > 0) {
							this.surveyList = this.surveyList.concat(res.data.data)
						}
					}
				})
			},
			getNum() {
				this.$https.post('/warranty/getCostNum', {
					warranty_id: this.id,
				}).then(res => {
					if (res.code == 1) {
						this.costInfo = res.data
					}
				})
			},
			/* 图片预览 */
			previewImageAll(chilIndex, parIndex) {
				uni.previewImage({
					current: chilIndex, //预览图片的下标
					urls: this.surveyList[parIndex].multiMedia.imgs //预览图片的地址，必须要数组形式，如果不是数组形式就转换成数组形式就可以
				})
			},
			/* 获取成本类目 */
			getCostType() {
				this.$https.post('/warranty/costType').then(res => {
					this.costTypeList = res.data
				})
			},
			/* 底部列表数据请求 */
			getList(url) {
				if (url == '/warranty/projectList') {
					// if (this.query_code == '' && uni.getStorageSync('query_code') == '') {
					// 	uni.showToast({
					// 		title: '请填写备案码',
					// 		icon: 'none'
					// 	})
					// 	return
					// }
					this.$https.post(url, {
						warranty_id: this.id,
						/*, 工单id*/
						page: this.page, // 分页
						// query_code: this.query_code ? this.query_code : uni.getStorageSync('query_code')
					}).then(res => {
						// if(res.code == 1) {
						// 	uni.setStorageSync('query_code', this.query_code)
						// }
						/* res.data.list报价数据格式   res.data.data其他四个数据格式 */
						if (this.navId == 3) {
							if (res.data.list.last_page > 0) {
								this.last_page = res.data.list.last_page
								if (res.data.list.data.length) {
									this.surveyList = this.surveyList.concat(res.data.list.data)
								}
							}
						} else {
							if (res.data.last_page > 0) {
								this.last_page = res.data.last_page
								if (res.data.data.length) {
									this.surveyList = this.surveyList.concat(res.data.data)
									if (this.surveyList.length > 0) {

										this.surveyList.forEach((item, index) => {
											let height_more = true
											item.height_more = height_more
											if (item.cost_category_id) {
												let obj = this.costTypeList.find(item2 => {
													return item2.id == item.cost_category_id
												})
												item.cost_category_id = obj.name
											}
											console.log(typeof(item.images), '------------111111')
											if (item.images) { //存在照片或视频
												let images = typeof(item.images) == 'object' ? item
													.images : item.images.split(',')

												item.multiMedia = {
													imgs: [],
													video: ''
												}
												images.forEach(item3 => {
													if (item3 != '') {
														if (this.judgmentFile(item3)) {
															item.multiMedia.video = item3
														} else {
															item.multiMedia.imgs.push(item3)
														}
													}
												})
												console.log(item.multiMedia, '------------images')
											}
											if (item.children) { //存在照片或视频
												let images = item.children.images.split(
													',') //字符串转数组  获取照片和视频
												item.children.multiMedia = {
													imgs: [],
													video: ''
												}
												images.forEach(item3 => {
													if (item3 != '') {
														if (this.judgmentFile(item3)) {

															item.children.multiMedia.video = item3
														} else {
															item.children.multiMedia.imgs.push(
																item3)
														}
													}
												})
												console.log(item.children.multiMedia, '------------images')
											}
										})
									}
								}
							}
						}
					})
				} else {
					// 勘察维修保养列表
					this.$https.post(url, {
						warranty_id: this.id,
						/*, 工单id*/
						page: this.page, // 分页
					}).then(res => {
						/* res.data.list报价数据格式   res.data.data其他四个数据格式 */
						if (this.navId == 3) {
							if (res.data.list.last_page > 0) {
								this.last_page = res.data.list.last_page
								if (res.data.list.data.length) {
									this.surveyList = this.surveyList.concat(res.data.list.data)
								}
							}
						} else {
							if (res.data.last_page > 0) {
								this.last_page = res.data.last_page
								if (res.data.data.length) {
									this.surveyList = this.surveyList.concat(res.data.data)
									if (this.surveyList.length > 0) {

										this.surveyList.forEach((item, index) => {
											let height_more = true
											item.height_more = height_more
											if (item.cost_category_id) {
												let obj = this.costTypeList.find(item2 => {
													return item2.id == item.cost_category_id
												})
												item.cost_category_id = obj.name
											}
											if (item.images) { //存在照片或视频
												let images = typeof(item.images) == 'object' ? item
													.images : item.images.split(',') //字符串转数组  获取照片和视频
												item.multiMedia = {
													imgs: [],
													video: ''
												}
												images.forEach(item3 => {
													if (item3 != '') {
														if (this.judgmentFile(item3)) {
															item.multiMedia.video = item3
														} else {
															item.multiMedia.imgs.push(item3)
														}
													}
												})
											}
											if (item.children) { //存在照片或视频
												let images = item.children.images.split(
													',') //字符串转数组  获取照片和视频

												item.children.multiMedia = {
													imgs: [],
													video: ''
												}

												images.forEach(item3 => {
													if (item3 != '') {
														if (this.judgmentFile(item3)) {
															item.children.multiMedia.video = item3
														} else {
															item.children.multiMedia.imgs.push(
																item3)
														}
													}
												})
												console.log(item.children.multiMedia, '----------s')

											}
										})
									}
								}
							}
						}
					})
				}

			},
			/* 判断是否为视频文件 */
			judgmentFile(picUrl) {
				let filename = picUrl; //文件路径地址
				let index1 = filename.lastIndexOf(".");
				let index2 = filename.length;
				let postf = filename.substring(index1, index2); //获取文bai件后缀名duzhi
				//判断文件后缀名是否等于视频文件的后缀名
				if (postf === ".avi" || postf === ".mp4" || postf === ".rmvb") {
					return true
				} else {
					return false
				}
			},
			/* 底部按钮 跳转 */
			btnJump(index, type, user_id) {

				/* nav_id tabbarid   id工单id   service_id维修id  */
				console.log(this.identity, '身份-----------')
				if (type == 'edit') {
					if (this.identity == 2 || this.identity == 3 || this.identity == 4) {
						uni.showToast({
							title: '暂无权限！',
							icon: 'none'
						})
						return
					}
					if (this.is_core_user == 2 && this.user_id != user_id && this.identity != 6) {
						uni.showToast({
							title: '暂无权限！',
							icon: 'none'
						})
						return
					}
					wx.navigateTo({
						url: '../addRecord/addRecord?nav_id=' + JSON.parse(JSON.stringify(this.navId)) + '&id=' +
							this
							.id + '&service_id=' + this.work_data.service.id + '&info=' + JSON.stringify(this
								.surveyList[index])
					})
				} else {
					wx.navigateTo({
						url: '../addRecord/addRecord?nav_id=' + JSON.parse(JSON.stringify(this.navId)) + '&id=' +
							this
							.id + '&service_id=' + this.work_data.service.id
					})
				}

			},
			/* 通知报价 */
			baojiaBtn() {
				if (this.isBtn) {
					this.isBtn = false
					this.$https.post('/warranty/project_note', {
						warranty_id: this.id
					}).then(res => {
						console.log(res)
						if (res.code == 1) {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							})
							this.getWordDetail()
							this.isBtn = true
						}
					})
				}
			},
			getBtnActive() {
				if (!this.btnActive) {
					uni.showToast({
						title: '请先选择报告类型！',
						icon: 'none'
					})
					return
				}
				this.typeDialog = false
				if (this.btnActive == 1 || this.btnActive == 3) {
					// 维修
					uni.navigateTo({
						url: `../statement/statement?warranty_id=${this.work_data.id}&service_id=${this.work_data.service.id}&service_type=${this.btnActive-1}`
					})
				} else {
					//保养
					let arr = ['CT', 'DR', 'DSA', '超声', 'MRI', 'DR/F', '小C']
					let res = arr.includes(this.work_data.equipment.pinpai.name)

					if (res) {
						uni.navigateTo({
							url: `../statement/stateNew?warranty_id=${this.work_data.id}&service_id=${this.work_data.service.id}&service_type=${this.btnActive-1}`
						})
					} else {
						uni.navigateTo({
							url: `../statement/statement?warranty_id=${this.work_data.id}&service_id=${this.work_data.service.id}&service_type=${this.btnActive-1}`
						})
					}
				}
				console.log(this.btnActive, '--------btnActive------')
			},
			/* 结单 */
			jumpJiedan(e) {
				console.log(this.work_data.type_data, 'eeeeeeeeeeeeee')
				if (this.work_data.type_data == 0) {
					// 维修
					if (this.flag == false) {
						uni.showToast({
							title: '请在质保期内提交！',
							icon: 'none'
						})
						return
					}
					if (this.work_data.by_report_num > 0) {
						// uni.navigateTo({
						// 	url: `../statement/statement?warranty_id=${this.work_data.id}&service_id=${this.work_data.service.id}&service_type=0`
						// })
						this.btns = this.btns.filter(item => item.id != 2)
						this.typeDialog = true
					} else {
						this.typeDialog = true
					}
				} else {
					// 维保
					if (this.work_data.service.status == 0 || this.work_data.service.status == 3 || this.work_data.service
						.status == 1) {
						this.typeDialog = true
					}
				}

				/*  warranty_id 工单id    service_id维修id
				 */
				// if (this.work_data.service.status == 0 || this.work_data.service.status == 3 || this.work_data.service.status == 1) {
				// 	if (this.flag == false && this.work_data.type_data == 0) {
				// 		uni.showToast({
				// 			title: '请在质保期内提交！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.work_data.type_data == 0) {
				// 		uni.navigateTo({
				// 			url: '../statement/statement?warranty_id=' + this.work_data.id + '&service_id=' +
				// 				this
				// 				.work_data.service.id
				// 		})
				// 	} else {
				// 		this.typeDialog = true
				// 	}
				// }
			},
			/* 维修页面  */
			jiedanInfo() {
				uni.navigateTo({
					url: '../report/report?id=' + this.work_data.id
				})
			}
		},
		onReachBottom() {
			console.log(this.page, this.last_page);
			if (this.page != this.last_page) {
				this.page = this.page + 1
				let obj = this.detailNav.find(item => {
					return item.id == this.navId
				})
				this.getList(obj.url)
			}
		},
	}
</script>
<style lang="scss" scoped>
	.baojia {
		z-index: 999;
		position: fixed;
		right: 0rpx;
		top: 600rpx;
		font-size: smaller;
		background-color: #1a66ff;
		color: #FFFFFF;
		padding: 10rpx 5rpx 10rpx 20rpx;
		border-radius: 20rpx 0 0 20rpx;
	}

	.k {
		position: absolute;
		z-index: 19999;
	}

	.finash {
		z-index: 999;
		position: fixed;
		right: 0rpx;
		top: 980rpx;
		font-size: smaller;
		background-color: #1a66ff;
		color: #FFFFFF;
		padding: 10rpx 5rpx 10rpx 20rpx;
		border-radius: 20rpx 0 0 20rpx;
	}

	.flex-colu {
		z-index: 99999 !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;

		.file-images {
			display: inline-block;
			vertical-align: middle;
			margin: 10rpx;

			.video_box {
				width: 150rpx;
				height: 150rpx;
				background-color: #31ea69;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #fff;
			}

			image {
				width: 150rpx;
				height: 150rpx;
				display: inline-block;
			}
		}
	}

	.detail_text {
		position: absolute;
		right: 0rpx;
		bottom: 0rpx;
		background-color: #FFFFFF;
		width: 80rpx;
		text-align: center;
		z-index: 999;
		color: $public-oclor;
		font-size: 24rpx;
		text-decoration: underline;
		text-decoration-color: $public-oclor;
	}

	.detail_text2 {
		position: absolute;
		right: 90rpx;
		bottom: 0rpx;
		background-color: #FFFFFF;
		width: 80rpx;
		text-align: center;
		z-index: 999;
		color: $public-oclor;
		font-size: 24rpx;
		text-decoration: underline;
		text-decoration-color: $public-oclor;
	}

	.programme {
		padding: 28rpx 14rpx;
		background-color: #f6f7fb;
		border-radius: 8rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #B6BDBD;
		line-height: 48rpx;
	}

	.order-sc-b-c-p-a {
		height: 80rpx;
		background: #F6F6FB;
		font-size: 24rpx;
		font-weight: 500;
		color: #F24C17;
		line-height: 80rpx;
		margin-top: 14rpx;
		display: flex;
		align-items: center;

		image {
			width: 32rpx;
			height: 32rpx;
			margin: 0 20rpx;
		}
	}

	.order-pri {
		display: flex;

		&-a {
			color: #969699;
			font-size: 24rpx;
		}

		&-b {
			color: #000000;
		}
	}

	.order-sc-b-c-p-c {
		padding: 16rpx 26rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #969699;
		background-color: #f6f7fb;
		line-height: 36rpx;
		position: relative;
	}

	.order-sc-b-c-p-c>.order-pri:nth-child(2) {
		padding: 24rpx 0 38rpx;
		color: teal;
	}

	.order-sc-b-c-p-c>.order-pri>.order-pri-a:nth-child(1) {
		padding-right: 150rpx;
		position: relative;
	}

	.order-sc-b-c-p-c>.order-pri>.order-pri-a:nth-child(1)::before {
		content: '';
		width: 4rpx;
		height: 100%;
		position: absolute;
		right: 75rpx;
		background-color: rgba(0, 0, 0, 0.06);
	}

	.order-sc-b-c-p-c>.order-pri-a:nth-child(3) {
		padding: 34rpx 0 24rpx;
		border-top: 2rpx solid rgba(0, 0, 0, 0.06);
	}

	.shenhe2 {
		position: absolute;
		width: 144rpx;
		height: 144rpx;
		right: 120rpx;
		top: -50rpx;
	}

	.cost {
		display: flex;
		margin-bottom: 8rpx;
		position: relative;

		.shenhe {
			position: absolute;
			width: 144rpx;
			height: 144rpx;
			right: 70rpx;
			top: -65rpx;
		}

		.cost-item {
			font-size: 24rpx;
			font-weight: 400;
			color: #969699;
			padding-right: 30rpx;

			.cost-item-border {
				color: #000000 !important;
			}
		}
	}

	.explain {
		&-title {
			font-size: 24rpx;
			font-weight: 500;
			color: #303030;
			margin-bottom: 22rpx;
		}

		&-content {
			background: #F6F6FB;
			border-radius: 8rpx;
			padding: 24rpx;
			font-size: 24rpx;
			font-weight: 500;
			color: #B6BDBD;
		}
	}


	.jiedan,
	.jiedan2,
	.jiedan3 {
		z-index: 999;
		position: fixed;
		right: 0rpx;
		top: 890rpx;
		font-size: smaller;
		background-color: #1a66ff;
		color: #FFFFFF;
		padding: 10rpx 5rpx 10rpx 20rpx;
		border-radius: 20rpx 0 0 20rpx;
	}

	.jiedan2 {
		top: 700rpx;
	}

	.jiedan3 {
		top: 800rpx;
	}

	.add-device-dialog {
		// height: 500rpx;
		box-sizing: border-box;
		padding: 0;

		.add-img {
			position: absolute;
			z-index: -1;
			width: 100%;
			height: 100%;

		}

		.adddialog-item {
			box-sizing: border-box;
			display: flex;
			align-items: center;
			padding-top: 20rpx;

			.adddialog-title {
				color: #0A2317;
				font-size: 36rpx;
				font-weight: 500;

			}
		}

		.dialog-btns {
			margin-top: 40rpx;
			background-color: #f8f8f8;
			color: #000;
			margin-bottom: 12rpx;
			width: 480rpx;
			height: 90rpx;
			margin-bottom: 20rpx;
			margin-left: 20rpx;
			margin-right: 20rpx;
			line-height: 90rpx;
			font-size: 30rpx;
		}

		button::after {
			border: none;
		}

		.active2 {
			background-color: #3c9cff;
			color: #fff;
		}
	}

	.dialog {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1002;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: calc(100vw - 120upx);
		background: #FFF;
		border-radius: 20upx;
		padding: 20rpx 0;

		.dialog-item {
			margin-bottom: 22rpx;
			width: 80%;
			text-align: center;

			.dialog-title {
				padding-left: border-box;
				margin-left: 20rpx;
				color: #020A21;
				font-weight: 500;
				font-size: 36rpx;
			}

			.uni-input {
				font-size: inherit;
				border: none;
				height: 84rpx;
				border-radius: 8rpx;
				background-color: #F6F8FB;
				text-align: left;
				padding: 0 20rpx;
			}

			.dialog-btn-group {
				display: flex;
				align-items: center;
				justify-content: space-around;

				div {
					background: #ccc;
					color: #FFF;
					width: 200upx;
					text-align: center;
					padding: 20upx 0;
					border-radius: 40upx;

					&:last-child {
						background: #0CC4BC;
					}
				}
			}
		}
	}



	.all-box {
		padding: 0 34rpx 200rpx;

		.title-n {
			padding: 10rpx 28rpx;
			background: linear-gradient(91deg, #e2ecfb 0%, rgba(255, 255, 255, 0) 100%);
			font-size: 28rpx;
			font-weight: 600;
			color: #6AA6FA;
		}

		.dis {
			display: flex;
			line-height: 46rpx;
			align-items: center;
			justify-content: space-between;
		}

	}

	.survey-box {
		border-radius: 8rpx;
		border: 2rpx solid rgba(0, 0, 0, 0.04);
		margin-top: 20rpx;
	}

	.create-time {
		font-size: 24rpx;
		font-weight: 500;
		color: #3B3D3D;
		background: #F5F6F8;
		border-bottom: 2rpx solid rgba(0, 0, 0, 0.04);
		padding: 16rpx;
		display: flex;
		align-items: center;

		image {
			width: 32rpx;
			height: 32rpx;
			margin-right: 10rpx;
		}
	}

	.survey-content {
		padding: 18rpx;
	}

	.k2 {
		border-top: 2rpx solid rgba(0, 0, 0, 0.04);
		border-bottom: 2rpx solid rgba(0, 0, 0, 0.04);
	}

	.survey-desp {
		font-size: 24rpx;
		font-weight: 500;
		color: #B6BDBD;
		position: relative;
		margin-bottom: 10rpx;
	}

	.tetx_more {
		// overflow: hidden;
		text-overflow: clip;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.survey-desp::after {
		position: relative;
		right: 0rpx;
		bottom: 0rpx;
		content: '';
		width: 50rpx;
		height: 20rpx;
	}

	.active {
		font-size: 36rpx !important;
		font-weight: 600 !important;
		color: #141414 !important;
		position: relative;
	}

	.active::after {
		content: '';
		width: 8rpx;
		height: 8rpx;
		position: absolute;
		bottom: -14rpx;
		left: 50%;
		margin-left: -35rpx;
		border-radius: 50%;
		background-color: $public-oclor;
	}

	.active::before {
		content: '';
		width: 54rpx;
		height: 8rpx;
		position: absolute;
		bottom: -14rpx;
		left: 50%;
		margin-left: -27rpx;
		border-radius: 8rpx;
		background-color: $public-oclor;
	}

	.detailNav {
		margin: 36rpx 0;
		display: flex;
		justify-content: space-around;
		align-items: center;
		box-sizing: border-box;

		&-item {
			text-align: center;
			font-size: 32rpx;
			font-weight: 500;
			color: #969699;
		}
	}





	.order-sc {
		&-b {
			background-color: #FFFFFF;
			padding: 62rpx 48rpx;

			&-c {
				position: relative;
				padding-bottom: 32rpx;

				&-p {
					&-a {
						height: 80rpx;
						background: #F6F6FB;
						font-size: 24rpx;
						font-weight: 500;
						color: #F24C17;
						line-height: 80rpx;
					}
				}

				&-t {
					display: flex;
					justify-content: space-between;
					position: relative;

					&-l {
						font-size: 24rpx;
						font-weight: 500;
						color: #303030;
					}

					&-r {
						font-size: 20rpx;
						font-weight: 400;
						color: #969699;
					}
				}

				/* &-t::before {
					content: '';
					width: 20rpx;
					height: 20rpx;
					position: absolute;
					top: 0px;
					left: -32rpx;
					border-radius: 50%;
					background-color: #C6C7CB;
				} */

				&-c {
					margin: 16rpx 0 0rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #969699;
					line-height: 36rpx;
					position: relative;

					&-p {
						color: $public-oclor;
						border-bottom: 2rpx solid $public-oclor;
					}
				}

				&-f {
					padding: 0 32rpx;

					&-t {
						font-size: 24rpx;
						font-weight: 500;
						color: $public-oclor;
						line-height: 24rpx;
						margin: 28rpx 0 26rpx;
					}

					&-i {

						&-i {
							width: 160rpx;
							height: 160rpx;
							background-color: #F5F6F8;

							image {
								width: 100%;
								height: 100%;
							}
						}
					}
				}

				/* &-c::before {
					content: '';
					width: 6rpx;
					height: 100rpx;
					position: absolute;
					top: -10rpx;
					left: -22rpx;
					background: #C6C7CB;
				} */
			}

			&-c::before {}



			&-c::after {}
		}
	}


	.ani-enter {

		animation: enter .5s;
	}

	.ani-leave {
		animation: leave .5s;
	}

	.order-de-mo {
		border-top: 16rpx solid #f7f8fb;
		position: relative;
		border-bottom: 20rpx solid #f5f6f8;

		&-s {
			position: absolute;
			top: -16rpx;
			left: 40rpx;
			border-left: 20rpx solid transparent;
			border-right: 20rpx solid transparent;
			border-top: 20rpx solid $public-oclor;
		}
	}

	@keyframes enter {
		from {
			transform: translateY(-308rpx);
		}

		to {
			transform: translateY(0rpx);
		}
	}

	@keyframes leave {
		from {
			transform: translateY(308rpx);
		}

		to {
			transform: translateY(0rpx);
		}
	}

	.order-de {
		&-c {
			background-color: #f7f8fb;
			border-bottom: 28rpx solid #f7f8fb;

			&-m {
				font-size: 28rpx;
				font-weight: 400;
				color: #969699;
				line-height: 33rpx;
				padding: 28rpx 32rpx;

			}

			&-c {
				background-color: #FFFFFF;

				&-f {
					display: flex;
					justify-content: space-between;
					padding: 28rpx 32rpx;
					align-items: center;
					border-bottom: 2rpx solid #f7f8fb;

					&-l {
						font-size: 28rpx;
						font-weight: 500;
						color: #3B3D3D;
					}

					&-r {
						font-size: 24rpx;
						font-weight: 400;
						color: #3B3D3D;
					}
				}
			}
		}


		&-x {
			padding: 0 32rpx;

			&-c {
				&-a {
					font-size: 28rpx;
					font-weight: 500;
					color: #3B3D3D;
					margin: 20rpx 0 28rpx;
				}

				&-b {
					font-size: 24rpx;
					font-weight: 400;
					color: #3B3D3D;
					margin-bottom: 32rpx;
				}

				&-c {
					padding-bottom: 42rpx;

					&-i {
						width: 160rpx;
						height: 160rpx;
						background-color: #f5f6f8;
						margin-right: 16rpx;
						display: inline-block;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}
			}
		}
	}

	.or-hi {
		width: 6rpx;
		height: 100%;
		position: absolute;
		top: 10rpx;
		left: -25rpx;
		background: #C6C7CB;
	}

	.or-hi::before {
		content: '';
		width: 20rpx;
		height: 20rpx;
		position: absolute;
		top: -5rpx;
		left: -8rpx;
		border-radius: 50%;
		background-color: #C6C7CB;
	}


	.order-sc-b-c:nth-child(1) .or-hi {
		color: $public-oclor !important;
		background-color: $public-oclor !important;
	}

	.order-sc-b-c:nth-child(1) .or-hi::before {
		background-color: $public-oclor !important;
		border: 2rpx solid #fff;
	}

	.order-sc-b-c-p-c {
		background: #F6F7FB;
		padding: 16rpx;

		.order-pri {
			display: flex;

			&-a {
				color: #969699;
				font-size: 24rpx;


			}

			&-b {
				color: #000000;
			}
		}
	}

	.order-sc-b-c-p-c>.order-pri:nth-child(2) {
		padding: 24rpx 0 38rpx;
		color: teal;
	}

	.order-sc-b-c-p-c>.order-pri>.order-pri-a:nth-child(1) {
		padding-right: 150rpx;
		position: relative;
	}

	.order-sc-b-c-p-c>.order-pri>.order-pri-a:nth-child(1)::before {
		content: '';
		width: 4rpx;
		height: 100%;
		position: absolute;
		right: 75rpx;
		background-color: rgba(0, 0, 0, 0.06);
	}

	.order-sc-b-c-p-c>.order-pri-a:nth-child(3) {
		padding: 34rpx 0 24rpx;
		border-top: 4rpx solid rgba(0, 0, 0, 0.06);
	}
</style>